Nếu bạn là người có ý định Seo Website của mình lên Top, hoặc đang học SEO thì bạn không nên bỏ qua một số thẻ MeTa Tag mà tôi sẽ chia sẻ bên dưới. Bài viết này sẽ chia sẻ cho các bạn một số thẻ Meta Tag hữu ích dùng cho SEO.
I. Thẻ Meta Tag là gì?.
Thẻ Meta Tag: Meta tag là thẻ dùng để cung cấp các thông tin về website một cách tóm gọn đối với các trình duyệt lẫn người dùng hay bot từ các search engine. Thẻ Meta Tag được sử dụng ở phần Header của HTML nhằm tăng khả năng tìm kiếm các từ khoá của các công cụ tìm kiếm.
Vị trí xuất hiện: <head> Meta Tag xuất hiện tại đây </head>
Cách sử dụng:
Cách 1: <Meta http-equiv="name" content="content">
Cách 2: <Meta name="name" content="content">
II. 10 Thẻ Meta Tag hữu ích cho SEO.
1. Thẻ khai báo ngôn ngữ
Meta Content Language Thẻ này được dùng để khai báo ngôn ngữ của website. Thẻ này cũng được dùng tương tự như Meta Name Language.
Ví dụ:<Head><Meta http-equiv="Content-Language" Content="vi"></head>
2. Thẻ khai báo mã
Meta Content Type Thẻ này dùng để khai báo mã cho website. Nội dung website của bạn được nhập liệu thông qua mã UTF-8 nhưng được hiển thị ở chế độ của ISO hay ASCII.Thẻ này còn có nhiều lợi ích khác,mình sẽ giới thiệu với các bạn trong thời gian tới
Ví dụ:<Head><meta http-equiv="content-type" content="text/html; charset=utf-8" /></Head>
3. Thẻ khai báo mô tả
Meta Description : Meta Description cũng là một phần thuộc về HTML, có nhiệm vụ tóm tắt nội dung trang web của bạn. Công cụ tìm kiếm thường hiển thị Meta Description trong kết quả tìm kiếm nằm bên dưới thẻ Title của bạn. Thẻ này dùng để mô tả nội dung của một trang web.
Độ dài trung bình mới của một đoạn Meta Description trên máy tính để bàn là khoảng 160 ký tự, giảm từ khoảng 300 ký tự trở xuống. Trên thiết bị di động thì độ dài giảm xuống còn trung bình khoảng 130 ký tự.
Ví dụ:<Head><meta name="description" content="Alo Đam Rông Chia sẻ kiến thức" /></Head>
4. Thẻ khai báo tiêu đề (Title Tag)
Title Tag là một phần trong HTML dùng để chỉ rõ website của bạn với công cụ tìm kiếm và khách truy cập. Title Tag hỗ trợ cho tất cả trình duyệt, bao gồm Chrome, Firefox, Safari… Thẻ tiêu đề rất quan trọng đối với SEO và khách truy cập. Nó xuất hiện trong trang kết quả tìm kiếm và trong Tabs trình duyệt.
Bạn nên luôn thêm thẻ Title trong phần <head> của trang web, ví dụ:
<head>
<title> Đây là Tiêu đề mẫu </ title>
</ head>
Độ dài tối ưu cho thẻ Title: Google thường hiển thị 55 – 64 ký tự (nên giữ mức dưới 60).
Thẻ tiêu đề thường xuất hiện trong trang kết quả tìm kiếm Google và trên Tab trình duyệt.
5. Thẻ khai báo liên kết (Canonical Tag).
Thẻ Canonical là một loại thẻ liên kết có thuộc tính “rel=canonical”, được sử dụng nếu bạn có một URL của trang đơn có cùng nội dung với URL của các trang khác.
Bằng cách triển khai thẻ Canonical trong mã code, chúng tôi đang thông báo cho các công cụ tìm kiếm rằng URL này là trang chính và tránh lập chỉ mục (index) với URL của các trang trùng lặp khác.
Mẫu: <link rel = ”canonical” href = ”http://example.com/” />
6. Thẻ ALT Tag (Alternative text Tag )
Alternative text tag, hay còn gọi ngắn gọn là thẻ Alt, rất quan trọng đối với bất kỳ hình ảnh nào. Vì công cụ tìm kiếm không thể đọc nội dung hình ảnh, nên bạn cần phải thêm văn bản Alt phù hợp vào hình ảnh để công cụ tìm kiếm có thể xem xét chúng.
Đoạn Alt Tag mẫu:
<img src = ”http://example.com/xyz.jpg” alt = ”xyz” />
Những điểm chính cần xem xét khi tạo thẻ alt cho hình ảnh:
Tất cả hình ảnh phải có tên tệp chứa thông tin
Thẻ Alt phải ngắn gọn và rõ ràng
Luôn sử dụng loại hình ảnh gốc vì đây là bước quan trọng góp phần vào thành công của SEO
Tạo sơ đồ trang web dạng hình ảnh
Sử dụng 50-55 ký tự (tối đa 16 từ) trong thẻ Alt
Tối ưu kích thước hình ảnh mà không làm giảm chất lượng của nó để có tốc độ tải trang nhanh hơn
7. Thẻ Robots Meta Tag
Thẻ Meta Robots là một thẻ thuộc HTML, cung cấp sự hướng dẫn cho trình thu thập thông tin web về việc, có lập chỉ mục (index) hay ngăn lập chỉ mục một trang web hay không.
Thẻ Meta Robots có bốn giá trị chính cho trình thu thập thông tin của công cụ tìm kiếm:
– FOLLOW – Trình thu thập thông tin của công cụ tìm kiếm sẽ theo dõi tất cả các liên kết trong trang web đó
– INDEX – Trình thu thập thông tin của công cụ tìm kiếm sẽ lập chỉ mục cho toàn bộ trang web
– NOFOLLOW – Trình thu thập thông tin của công cụ tìm kiếm sẽ KHÔNG theo dõi trang và bất kỳ liên kết nào trong trang web đó
– NOINDEX – Trình thu thập thông tin của công cụ tìm kiếm sẽ KHÔNG lập chỉ mục trang web đó
Đoạn code thẻ Meta Robots mẫu:
<meta name = “robots” content = “noindex, nofollow”> – Có nghĩa là không lập chỉ mục hay không theo dõi trang web này.
<meta name = ”robots” content = ”index, follow”> – Có nghĩa là chỉ mục và theo dõi trang web này.
Lưu ý: Thẻ Meta Robots phải được đặt trong phần <head> của trang web.
8. Thẻ liên kết các trang mạng xã hội (Social Media Meta tags)
Open Graph Meta:
Thẻ Open Graph Meta được thiết kế để khuyến khích sự tích hợp giữa Facebook, LinkedIn, Google với các URL của trang web mà bạn đã chia sẻ trên các nền tảng này.
Dưới đây là ví dụ về cách các thẻ Open Graph trông như thế nào trong một HTML chuẩn:
<meta property = ”og: type” content = ”article” />
<meta property = ”og: title” content = ”TÊN TIÊU ĐÊ HOẶC TRANG WEB” />
<meta property = ”og: description” content = ”MÔ TẢ CỦA TRANG NỘI DUNG” />
<meta property = ”og: image” content = ”LIÊN KẾT ĐẾN TẬP TIN HÌNH ẢNH” />
<meta property = ”og: url” content = ”PERMALINK” />
<meta property = ”og: site_name” content = ”TÊN TRANG WEB” />
Twitter Cards:
Thẻ Twitter hoạt động theo cách tương tự như thẻ Open Graph Meta, chỉ khác là thẻ Meta đặc biệt này chỉ dành cho Twitter. Twitter sẽ sử dụng các thẻ này để tăng cường hiển thị trang của bạn khi được chia sẻ trên nền tảng của họ.
Dưới đây là ví dụ về cách thẻ Twitter trông giống như một HTML chuẩn:
<meta name = ”twitter: title” content = ”TÊN TIÊU ĐỀ HOẶC TRANG WEB”>
<meta name = ”twitter: description” content = ”MÔ TẢ TRANG NỘI DUNG”>
<meta name = ”twitter: image” content = ”LINK TO IMAGE”>
<meta name = ”twitter: site” content = ”@ USERNAME”>
<meta name = ”twitter: creator” content = ”@ USERNAME”>
9. Thẻ đề mục (Header Tags).
Header Tag, hay còn gọi là thẻ heading, được sử dụng cho các đề mục (heading) sáng tạo. Tức là bằng cách sử dụng chúng, chúng tôi có thể thay đổi phông chữ.
Các thành phần trong thẻ heading là H1, H2, H3, H4, H5 và H6 với H1 là mức cao nhất (hoặc quan trọng nhất) và H6 là thấp nhất.
Dưới đây là ví dụ về cách chúng tôi có thể sử dụng thẻ heading được lấy từ SEMrush:
<h1> 9 mẹo để tăng tốc độ trang Shopify của bạn </ h1>
<p> Đoạn nội dung </ p>
<p> một đoạn nội dung khác </ p>
<h2> Phân tích hiệu suất </ h2>
<p> Đoạn nội dung </ p>
<h3> Phân tích Hiệu suất trên thiết bị di động và máy tính để bàn với PageSpeed Insights </ h3>
10. Thẻ Responsive Design Meta Tag
Thẻ Responsive Design Meta kiểm soát bố cục của trang web trên trình duyệt thiết bị di động.
Thẻ này nằm ở phần đầu của trang web.
Cú pháp:
<meta name = ”viewport” content = ”width = thiết bị chiều rộng, tỷ lệ ban đầu = 1 ″>
Vậy là bài viết này đã làm rõ được thẻ meta là gì và 10 thẻ meta quan trọng trong website giúp cải thiện thứ hạng website trong kết quả tìm kiếm. Bạn có đang thiếu thẻ meta nào không? Nếu có thì hãy nhanh chóng thêm vào nhé!
